<!doctype html>
<html lang="en">
<head>
    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>小叶子购物商城</title>
    <link rel="stylesheet" href="css/index.css">
    <style>
        body{
            /*background: url("images/move.gif");*/
            /*background-size: 100% 100%;*/
        }
        .totalNum,.totalList{
            color: ghostwhite;
        }
    </style>
</head>
<body>
<%--头部导航--%>
<header>
    <div class="h-left"><span>欢迎来到小叶子购物</span></div>
    <div class="h-right">
        <div class="move">0</div>
        <span class="active">&#10022;</span>
        <a href="shop.jsp"><span>购物车</span></a>
        <%--获取session--%>
        <% Object name= request.getSession().getAttribute("name");%>
        <% if(name==null){ %>

        <span onclick="show_login()" class="name">登录/注册</span>

        <%  }else{%>

            <span class="name"><%= name %></span>

        <% } %>
    </div>
</header>

<% if(name != null){ %>
    <div class="close-login">
        <div class="item"><%=name%></div>
        <div class="item coa"><a href="">个人主页</a></div>
        <div class="item coa change">修改密码</div>
        <div class="item coa"><a href="close-log">退出登录</a></div>
    </div>
<%  }%>
<%--登录注册弹出框--%>
<div class="box-y">
    <div class="head-y">
        <span class="cos cos-y">登录</span>
        <span class="cos">注册</span>
    </div>
    <div class="login con">

        <form action="login" method="post">
            <p>账户：<input type="text" name="name" value="小叶子"></p>
            <p>密码：<input type="password" name="password" value="123"></p>
            <p><button type="submit" class="chan">登录</button></p>
        </form>

    </div>
    <div class="login">
        <form action="register" method="post">
            <p>账户：<input type="text" name="name"></p>
            <p>密码：<input type="password" name="password"></p>
            <p>邮箱：<input type="text" name="email"></p>
            <p><button type="submit">注册</button></p>
        </form>
    </div>
    <div class="del">
        <div></div>
        <div></div>
    </div>
</div>

<%--修改密码--%>
<div class="changepassword">
    <div class="chpa">
        <form action="changepass" method="post">
            <p>旧密码：<input type="password" name="oldpassword"></p>
            <p>新密码：<input type="password" name="newpassword"></p>
            <p>
                <span class="closechange">关闭</span>
                <button type="submit">确认</button>
            </p>
        </form>
    </div>
</div>

<%--轮播图部分--%>
<div class="bannerBox">
    <ul class="imgBox">
        <li style="opacity: 1;">
            <img src="images/y1.jpg" alt="231">
        </li>
        <li>
            <img src="images/y2.jpg" alt="231">
        </li>
        <li>
            <img src="images/y3.jpg" alt="321">
        </li>
        <li>
            <img src="images/y4.jpg" alt="432">
        </li>
        <li>
            <img src="images/y5.jpg" alt="432">
        </li>
    </ul>
    <ul class="tabBox">
        <li  class="current"></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</div>

<%--收起轮播图--%>
<div class="foot" style="cursor:pointer;">&#9650;</div>

<%--主题内容--%>
<main>
    <%--头部导航--%>
    <div class="m-head">
        <nav class="ss"></nav>
        <div class="zhong-ye1" style="width: 200px;position:relative;">种类选择
            <ul class="zhong-y1 zhong-y" style="width: 200px;">
                <li><a href="javascript:void(0)" class="choose">男士衬衫</a></li>
                <li><a href="javascript:void(0)" class="choose">休闲时装</a></li>
                <li><a href="javascript:void(0)" class="choose">仙女之裙</a></li>
                <li><a href="javascript:void(0)" class="choose">运动休闲</a></li>
                <li><a href="javascript:void(0)" class="choose">撩妹盛装</a></li>
            </ul>
            <span class="show show1">&#9660;</span>
        </div>
        <div>价格最优</div>
        <div>品质最优</div>
        <div class="zhong-ye2" style="width: 150px;position:relative;">评价
            <ul class="zhong-y2 zhong-y">
                <li><a href="javascript:void(0)" class="choose2">五星好评</a></li>
                <li><a href="javascript:void(0)" class="choose2">评价一般</a></li>
                <li><a href="javascript:void(0)" class="choose2">未评价</a></li>
            </ul>
            <span class="show show2" style="right: 39px;">&#9660;</span>
        </div>
        <div>筛选</div>
    </div>

    <%--主体数据--%>
    <div class="m-body" id="more-food">
        <img class="load" src="images/loading.jpg">
    </div>

        <div id="page" class="page_div"></div>
</main>

<!--返回顶部-->
<div class="back"  id="goToTop">
    <a href="javascript:void(0);"><img src="images/top.jpg" alt=""></a>
</div>

</body>
<script src="js/jquery.js"></script>
<script type="text/javascript" src="js/pageMe.js"></script>
<script src="js/index.js"></script>

</html>